<!DOCTYPE html>
<!-- saved from url=(0037)http://c.tsz90.com/home/clockin/index -->
<html style="font-size: 100px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>早起打卡</title>

<link rel="stylesheet" href="__PUBLIC__/static/css/clock/jigsaw.css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/idangerous.swiper.css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/animation.css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/style.css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/idangerous.swiper(1).css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/animation(1).css">
<link rel="stylesheet" href="__PUBLIC__/static/css/clock/style(1).css">
<script src="__PUBLIC__/static/js/clock/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/jquery.form.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/rem.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/fastclick.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/jquery.similar.msgbox.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/idangerous.swiper.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/common.js" type="text/javascript"></script>
<script src="__PUBLIC__/static/js/clock/clipboard.js"></script>
<script src="__PUBLIC__/static/js/clock/getkey.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/js/clock/layer.js"></script><link rel="stylesheet" href="__PUBLIC__/static/css/clock/layer.css" id="layuicss-layer">

<style>
.wrap {
	width: 6.4rem;
}

.Color, .FixedPay .FixedPayList ul li.Hover span.iconfont {
	color: #FF801A;
}

.BorderColor {
	border-color: #FF801A;
}

.Bg, #mb_btn_ok, .Ad .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active
	{
	background: #FF801A;
	color: #fff;
}

.daojishi {
	color: #666;
	background: white;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 2px 10px;
	margin: 3px;
}

.exchane-active {
	width: 85%;
	margin: 0 auto;
	border: none;
	margin-top: 20px;
	text-align: justify;
	text-align-last: center;
}

.active-ul {
	position: fixed;
	top: 20%;
	width: 60%;
	margin: 0 auto;
}
</style>

<style>
div, ul, li {
	margin: 0;
	padding: 0
} /*先初始化一下默认样式*/
</style>
</head>
<body class="white" style="opacity: 1;">
	<div style="display: none;"></div>
	<div class="wrap pb3">
		<div class="Head">
			<div class="copy_key" style="height: 5rem;" id="shareurl" data-clipboard-action="copy" data-clipboard-text="" onclick="copyUrl()">
				<div class="HeadMain">
					<div class="SmallTitle">明早打卡可瓜分金额(元)</div>
					<div class="Money">0.00元</div>
					<div class="Numbers">
						当前有<em>0</em>人参与打卡挑战
					</div>
					<div class="HeadUser">
						<ul>
													</ul>
						<div class="both"></div>
					</div>
					<span style="font-size: 0.2rem;">打卡时间 6:00-8:00</span> <a href="{:url('clock/clock_rules')}" class="AppLink Rule" style="background: #FF0000">挑战规则 &gt;</a>
					<style>
.Head .left {
	position: absolute;
	left: 0;
	bottom: 0.15rem;
	width: 0.9rem;
	z-index: 2;
}

.card {
	position: absolute;
	bottom: 0.05rem;
	width: 0.9rem;
	text-align: center;
	font-size: 0.17rem;
	font-weight: bold;
}
</style>
					<div class="Cleardog"></div>
					<div class="left">
						<ul>
							<!--<li style="margin-bottom: 7px;">
								<a href="./index.php?i=2&c=entry&do=dkmx&m=dashen_zaoqizhuanqian" class="AppLink"><img src="__PUBLIC__/static/upload/clock/ranking.png"></a>
								<a
								href="#"
								class="AppLink"><img src="__PUBLIC__/static/upload/clock/wdyy.png"></a>
							</li>-->
							<!--<li>
								<a href="./index.php?i=2&c=entry&do=dkmx&m=dashen_zaoqizhuanqian" class="AppLink"><img src="__PUBLIC__/static/upload/clock/ranking.png"></a>
								<a
								href="#"
								class="AppLink"><img src="__PUBLIC__/static/upload/clock/card.png"></a>
								<div class="card">复活卡</div>
							</li>-->
							<li><a href="http://c.tsz90.com/home/account/withdraw" class="AppLink"><img src="__PUBLIC__/static/upload/clock/tixian.png"></a></li>
							<li><a href="http://c.tsz90.com/home/clockin/record" class="AppLink"><img src="__PUBLIC__/static/upload/clock/continuousFighting.png"></a></li>
							
						</ul>
					</div>
					<div class="Right">
						<ul>
							<li><a href="http://c.tsz90.com/home/clockin/ranklist" class="AppLink"><img src="__PUBLIC__/static/upload/clock/ranking.png"></a></li>
							<li>
								<a href="__PUBLIC__/index/tasks/invit" class="AppLink"><img src="__PUBLIC__/static/upload/clock/yaoqing.png"></a>
							</li>
							<!-- <li>
							<a href="./index.php?i=2&c=entry&do=yqhy&m=dashen_zaoqizhuanqian" class="AppLink"><img src="__PUBLIC__/static/upload/clock/yaoqing.png"></a>
							</li> -->
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="ComminSubmit SubmitPay">早起打卡</div>-->
		<style type="text/css">
.ui-select {
	text-align: center;
	position: relative;
	width: 90%;
	margin: 20px auto;
}

.ui-select select {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 3em;
	opacity: 0;
}
</style>
		<div align="center" class="ui-select ComminSubmit SubmitPay ">
			        		<span id="challenge">支付1元打卡挑战</span>
			        		
        			</div>

        <div align="center" class="ui-select ComminSubmit SubmitPay ">
			<span id="clock">打卡</span>       		
        </div>
        			

		<div id="time" class="time-item" style="height: 60px; background: #ff8500; text-align: center; padding-top: 10px; font-size: 13px; margin-top: 5px; margin-left: 5%; margin-right: 5%; border-radius: 1%">
			<div style="color: #FFFFFF; font-size: 16px;">打卡倒计时</div>
			<div style="padding-top:10px;">
              <span id="day_show" style="" class="daojishi">0天</span>
              <span id="hour_show" class="daojishi"><s id="h"></s>16时</span>
              <span id="minute_show" class="daojishi"><s></s>48分</span>
              <span id="second_show" class="daojishi"><s></s>35秒</span>
              <input id="sj" hidden="" value="">
            </div>
		</div>
		<a href="http://c.tsz90.com/home/feedback.html">
			<div style="position: fixed; bottom: 50px; right: 10px; width: 50px; height: 50px; border-radius: 50px; background-color: #0da0aa; text-align: center; line-height: 50px; z-index: 6666; font-size: 15px; color: white">
				反馈
			</div>
		</a>
		<script type="text/javascript">
    var note = $('#note'),
            ts = new Date(2012, 0, 1),
            newYear = true;
    function p(s) {
      return s < 10 ? '0' + s: s;
    }
    var myDate = new Date();
    //获取当前年
    var year=myDate.getFullYear();
    //获取当前月
    var month=myDate.getMonth()+1;
    //获取当前日
    var date=myDate.getDate();
    var h=myDate.getHours();       //获取当前小时数(0-23)
    var m=myDate.getMinutes();     //获取当前分钟数(0-59)
    var s=myDate.getSeconds();
    var start=year+'-'+p(month)+"-"+p(date)+" "+p(h)+':'+p(m)+":"+p(s);

    var end=$('.endtime').val();
    var time1 = Date.parse(new Date(start));
    var time2 = Date.parse(new Date(end));
    var nDays = Math.abs(parseInt((time2 - time1)))/1000;
    var sj=nDays;
    var gid = $("#gid").val();
    //alert(gid);
    var djs=60718;
    var intDiff = parseInt(djs);//倒计时总秒数量
    function timer(intDiff,gid){
      var aa=window.setInterval(function(){
        var day=0,
                hour=0,
                minute=0,
                second=0;//时间默认值
        if(intDiff > 0){
          day = Math.floor(intDiff / (60 * 60 * 24));
          hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
          minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
          second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        }
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        $('#day_show').html(day+"天");
        $('#hour_show').html('<s id="h"></s>'+hour+'时');
        $('#minute_show').html('<s></s>'+minute+'分');
        $('#second_show').html('<s></s>'+second+'秒');
        intDiff--;
        if(intDiff < 0){
          aa=window.clearInterval(aa);
          $("#zutuan").find("div").hide();
          //alert(gid);
          var str='<div class="time-item" style="text-align: center"> ' +
                  '<span>打卡进行中</span> </div>';
          $("#time").html(str);
          $("#zutuan").html(str);
        }
      }, 1000);

    }
    $(function(){
      timer(intDiff,gid);

    });

  </script>
<script>
//参与挑战

$('#challenge').click(function(){
	layer.confirm('确定要打卡么', {
				  btn: ['确定','取消'] //按钮
				}, function(){
    	$.ajax({
			
            //请求方式
            type : "POST",
            url : "{:url('clock/challenge')}",
            success : function(ret) {
                var ret=JSON.parse(ret);
                console.log(ret);
                if(ret.code=='success'){
                	$('.tiaozhan').show();
					layer.closeAll();
                	return false;
    			}
                if(ret.code=='error'){
                	$('.tiaozhan1 .Title').html(ret.msg);
                	$('.tiaozhan1').show();
                	return false;
    			}
                message(ret.msg,ret.redirect,ret.code);
            },
            error : function(e){
                console.log(e);
                $('.tiaozhan1').show();
            	return false;
            }
        });
	
	}, function(){
				  
				});
});
//打卡
$('#clock').click(function(){
	$.ajax({
        //请求方式
        type : "POST",
        url : "{:url('clock/clock')}",
        success : function(ret) {
        	var ret=JSON.parse(ret);
            console.log(ret);
            if(ret.type=='success'){
            	$('.daka').show();
            	return false;
			}
            if(ret.type=='error'){
            	$('.daka1 .Title').html(ret.message);
            	$('.daka1').show();
            	return false;
			}
            //message(ret.message,ret.redirect,ret.type);
        },
        error : function(e){
            console.log(e);
            $('.daka1').show();
        	return false;
        }
    });
});

</script>

<style>
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}
</style>
		<div class="Fighting">
			<img src="__PUBLIC__/static/upload/clock/todaywartitle.png">
			<div class="Des">
				<span class="Success"><em>1</em>成功</span><span class="Fail"><em>0</em>失败</span>
			</div>
		</div>
		
		
		<div class="RanKingList">
			<ul></ul>
			<div class="both"></div>
		</div>
		<div class="Load"></div>
		
		<!-- 广告 -->
		<!-- <div class="Ad">
			<a
				href="#"
				class="AppLink"><img
				src="/static/home/mobile/clockin/DDVPYb8Qy770sK77B33n7337qvnbk7.jpg"></a>
		</div> -->
		<div class="both"></div>
		<!-- 打卡失败 -->
		<div class="FixedMask FixedFail daka1">
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
							<div class="FixedMaskContent">
								<div class="Title">很遗憾，你来晚了</div>
								<div class="Time">每日打卡时间6:00-8:00</div>
								<div class="Des">
									<p>懒虫，你起晚了</p>
									<p>不要放弃再挑战一次！</p>
								</div>
								<div class="FailBtn">不甘心 我要早起</div>
							</div>
							<div class="CloseBtn"></div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- 挑战失败 -->
		<div class="FixedMask FixedFail tiaozhan1">
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
							<div class="FixedMaskContent">
								<div class="Title">挑战打卡失败</div>
								<div class="Time">每日打卡时间6:00-8:00</div>
								<div class="Des">
									<p>不要放弃再挑战一次！</p>
								</div>
								<div class="FailBtn">不甘心 我要早起</div>
							</div>
							<div class="CloseBtn"></div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- 挑战成功 -->
		<div class="FixedMask FixedSuccess tiaozhan">
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
							<div class="FixedMaskContent">
								<div class="Title">参与挑战成功，等待打卡！</div>
								<div class="Time">每日打卡时间6:00-8:00</div>
								<div class="Des">
									<p>今日可瓜分奖励池奖金</p>
									<p>
										8:00点打卡结束后，可在<em>我的余额</em>查看瓜分金额
									</p>
								</div>
								<div class="CloseBtn"></div>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>

		<!-- 打卡成功 -->
		<div class="FixedMask FixedSuccess daka">
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td>
							<div class="FixedMaskContent">
								<div class="Title">打卡成功，等待8点自动开奖！</div>
								<div class="Time">每日开奖时间8:00整</div>
								<div class="Des">
									<p>今日可瓜分奖励池奖金</p>
									<p>
										8:00点后，可在<em>我的余额</em>查看瓜分金额
									</p>
								</div>
								<div class="CloseBtn"></div>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!-- 签到时间提醒 -->
		<div class="FixedClockTimeErr">
			<div class="FixedClockTimeMain">打卡时间：明日 6:00-8:00</div>
		</div>
	<script>
 //复制分享链接
function copyUrl(){	    
    var clipboard = new ClipboardJS('#shareurl');
    clipboard.on('success', function(e) {
        alert("复制分享链接成功！请去邀请好友吧！");
    });
    clipboard.on('error', function(e) {
        alert("复制分享链接失败！");
    });
    
}
 
</script>
<script type="text/javascript">
//关闭成功弹窗
$('.CloseBtn').click(function(){
$('.FixedSuccess').hide();
window.location.reload(true);
});
</script>
	</div>

 </body></html>